关键字: background-size
  • web前端入门到实战:CSS3 简单的砸金蛋样式
    实现样式: 1、鼠标移入后,鼠标样式图标变为“锤子”。 2、用户砸金蛋,锤子简单的扬起效果。 3、砸碎金蛋,显示内容。 分析实现步骤: 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图,直接放入img标签即可。 2、鼠标移入 ...
  • 前端特效的似是而非
    让用户看起来是这样,而非实现起来一定是这样。 写特效时经常被逻辑思维所牵绊,A元素B元素分的太清了,反而麻烦。 最近在网上找了一些自己喜欢例子。 1. effect.gif html结构 ...
  • css3 让width随方向变化
    GIF.gif 利用这种特性可以做出下面这个动画 GIF.gif 源码 <meta name=" ...
  • 基于webpack手动搭建一个简单的vue脚手架
    前言 首先,当我们编写代码时,不通过模块化的思想想要引入一个js,通常是在html文件中创建一个script标签,引入我们需要的js,如果我们引入的是自己手写的js,很容易发生变量重名的冲突。 例如: // 变量同名冲突 // a.js v ...
  • Flex布局(1)
    .user { width: 500px; height: 500px; ...
  • web前端入门到实战:CSS中的背景属性background简述
    我之前提到的那样,文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层,背景层可以是完全透明或者其它颜色,也可以是一张图片。此背景层由8个CSS属性(加上1个简写的属性)控制。 background-color background- ...
  • 滚动视差让你不相信“眼见为实”
    parallax.jpg 引言 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果。 其实,这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...
  • vuecli3后台管理项目小结
    小白优选-> 创建cli项目:新增图形化界面创建项目; vue ui 回车;懂中文都看得懂了,按步骤往下走就完成了; 下面是一些小结 1.如果不习惯代码检查,最好不安装什么代码检查插件,写代码会把你逼疯,打个log都很麻烦,安装过程注意 ...
  • 手把手教你搞定 vue-cli4 配置
    手把手教学 项目:github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...
  • 60个非常实用的CSS代码片段,千万要收藏好了!
    1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: ...

暂无数据